// pages/search/search.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    inputValue: '',  //存储输入框的值
    resArr:[],  //存储匹配成功后需要的数据
    list: [{ //视频
        cate: [{cateid: "43",catename: "预告"}],
        duration: "188000",
        image: "https://cs.vmovier.com/Uploads/cover/2021-11-17/61946ebfbb8bc_cut.jpeg",
        pid: "1",
        postid: "63368",
        publish_time: "1637118796",
        title: "三虫同框？「蜘蛛侠：英雄无归」正式预告",
      }, {
        cates: [{cateid: "43",catename: "预告"}],
        duration: "165000",
        image: "https://cs.vmovier.com/Uploads/cover/2021-11-17/61945a96d6b27_cut.jpeg",
        pid: "1",
        postid: "63372",
        title: "莱昂纳多最新力作「千万别抬头」正式预告",
      }]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},
  // 实时获取输入框数据
  channelInput: function (e) {
    this.setData({
      inputValue: e.detail.value,  //存储输入框的值
    })
    // 当输入框为空时,清空搜索结果
    if(this.data.inputValue==''){
      this.clearSearch(); //调用clearSearch()方法
    }
  },
  // 搜索
  search(){
    // 点击搜索按钮 获取输入框的值=》 和data.list[]里面的值作匹配,如果能匹配到,则显示匹配结果的相关数据
    let inputValueStr=this.data.inputValue;//输入框的值
    let resArray=[]; 
    // 遍历list数组
    this.data.list.forEach((v,index)=>{
      // console.log(v.title);
      let channeltitle=v.title;//电影标题
      // 匹配输入的每个字符
      for(let i=0;i<inputValueStr.length;i++){
        let indextitle=channeltitle.indexOf(inputValueStr[i]); //匹配到的标题下标
        if(indextitle != -1 && inputValueStr!=''){
          // console.log("=>",inputValueStr[i]); //输出关键字【有问题!!!】
          // 存储匹配结果的相关数据
          let resultChannel=this.data.list[index];
          // console.log("resultChannel==>",resultChannel)
          if(resultChannel=='') return;
              resArray[index]=resultChannel;
          this.setData({
            resArr:resArray,  //list[]下的数据
          })
        }
      }
      
      // console.log(channeltitle,"indextilte",indextitle);
      
      console.log("resArr结果==>",this.data.resArr)
    });
    
  },

  // 输入框为空,清除原搜索结果
  clearSearch(){
    this.data.resArr='';
    this.setData({
      resArr:this.data.resArr,
    })
  }

})

